<template>
	<view class="">
		<u-navbar title="退换申请" :background="background" title-color="#ffffff" :border-bottom="flag"></u-navbar>
		<view class="bj">
			<view class="finnish">
				完成
			</view>
		</view>
		<view class="contant">
			<view class="imgbox">
				<!-- <image src="../../static/image/finish.png" mode=""></image> -->
				<image src="http://youjialibo.wm76.mtnet.ren/upload/20210915/30ab8e00449aefbe092c4e366db331aa.png" mode=""></image>
			</view>
			<view class="apply">
				售后申请提交成功
			</view>
			<view class="btnbox">
				<view class="find" @click="find">
					查看记录
				</view>
				<view class="back">
					回到首页
				</view>
			</view>
			<view class="hr">
				<van-divider dashed />
			</view>
			<view class="tishi">
				温馨提示：
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: "#F42121"
				},
				flag: false,
				// 结算订单id
				id:0
			}
		},
		methods: {
			find(){
				this.jumpLink({link:"/pages/exchangexq/index",query:{id:this.id}})
			},
		},
		onLoad(v) {
			this.id=v.id
		}
		
	}
</script>

<style scoped lang="scss">
	.bj {
		width: 100%;
		height: 400rpx;
		background-color: #F42121;

		.finnish {
			font-family: MicrosoftYaHei;
			font-size: 24rpx;
			color: #ffffff;
			margin-left: 660rpx;
			font-weight: 700;
		}
	}

	.contant {
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 25rpx;
		right: 25rpx;
		top: 200rpx;
		border-top-left-radius: 6rpx;
		border-top-right-radius: 6rpx;

		.imgbox {
			margin: 70rpx auto;
			width: 214rpx;
			height: 214rpx;

			image {
				width: 214rpx;
				height: 214rpx;
			}
		}

		.apply {
			text-align: center;
			font-family: MicrosoftYaHei-Bold;
			font-size: 24rpx;
			color: #333333;
			font-weight: 700;
		}

		.btnbox {
			display: flex;
			justify-content: space-around;
			margin-top: 80rpx;

			.find {
				width: 221rpx;
				height: 70rpx;
				background-color: #ff9b2f;
				border-radius: 35rpx;
				line-height: 70rpx;
				text-align: center;
				font-family: MicrosoftYaHei;
				font-size: 24rpx;
				color: #ffffff;
			}

			.back {
				width: 221rpx;
				height: 70rpx;
				background-color: #f42121;
				border-radius: 35rpx;
				line-height: 70rpx;
				text-align: center;
				font-family: MicrosoftYaHei;
				font-size: 24rpx;
				color: #ffffff;
			}
		}

		.hr {
			margin-top: 58rpx;
		}

		.tishi {
			font-family: MicrosoftYaHei-Bold;
			font-size: 20rpx;
			color: #333333;
			margin-left: 40rpx;
			margin-top: 50rpx;
			font-weight: 700;
		}
	}
</style>
